<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <ul>
    <li>新加坡</li>
    <li>马来西亚</li>
    <li>泰国</li>
    <li>缅甸</li>
    <li>越南</li>
  </ul>
  <script>
    // es6 
    // ie 10以上 支持es6
    // nodejs  vue的运行环境
    // Chrome：51 版起便可以支持 97 % 的 ES6 新特性。
    // Firefox：53 版起便可以支持 97 % 的 ES6 新特性。
    // Safari：10 版起便可以支持 99 % 的 ES6 新特性。
    // IE：Edge 15可以支持 96 % 的 ES6 新特性。Edge 14 可以支持 93 % 的 ES6 新特性。（IE7~11 基本不支持 ES6）

    // 
    // 全局变量 和 局部变量
    var x = 88;
    if (true) {
      var x = 99;
    }
    console.log(x)//9
    // 用let const 创建变量
    // 1. let 和const 产生块级作用域 {}
    if (true) {
      let y = 999;
      console.log(y)
    }
    // console.log(y) //报错  let 产生了块级作用域   y是局部变量

    // -----------------------------------------
    var lis = document.querySelectorAll("li");
    for (let i = 0; i < lis.length; i++) {
      lis[i].onclick = function () {
        console.log(i)
      }
    }


    //2. let 和const不存在变量提升
    function add() {

      // var变量提升     使用变量并未声明  可以调用变量  函数内部默认把变量的声明 提前到函数的最开始指向
      console.log(kk)//undefined
      let cc = "罗纳尔多"
      console.log(cc)
      var kk = "你好"
      var mm = "世界"
    }
    add();
    //3 .const 声明常量 不能重新赋值
    const city = "哈尔滨";
    // city = "沈阳"




  </script>
</body>

</html>